// 1. 替换html内容
// 函数式
// export default () => {
//   return {
//     transformIndexHtml: {
//       order: "pre",
//       handler: (html, ctx) => {
//         // console.log(ctx);
//         return html.replace(
//           /<title>(.*?)<\/title>/,
//           `<title>Title replaced!</title>`
//         );
//       },
//     },
//   };
// };

// 对象
export default () => {
  return {
    name: "html-transform",
    // 返回值
    //   | string
    //   | HtmlTagDescriptor[]
    //   | {
    //       html: string
    //       tags: HtmlTagDescriptor[]
    //     }
    // interface HtmlTagDescriptor {
    //   tag: string
    //   attrs?: Record<string, string>
    //   children?: string | HtmlTagDescriptor[]
    //   /**
    //    * 默认： 'head-prepend'
    //    */
    //   injectTo?: 'head' | 'body' | 'head-prepend' | 'body-prepend'
    // }
    transformIndexHtml(html) {
      //   return html + "我试试";
      return {
        html: html,
        tags: [
          {
            tag: "div",
            attrs: {
              id: "test",
            },
            children: [
              { tag: "p", attrs: { type: "module", src: "/custom.js" } },
            ],
            injectTo: "body",
          },
        ],
      };
    },
  };
};
